<div id="puntuacion">

	<div class="text-center">
		<h3>Simple Trivial - Puntuacion</h3>
	</div>


	<table class="table table-bordered table-striped table-hover table-responsive" id="contenedorPuntos">
		<th>Apodo</th>
		<th>Puntos</th>
	</table>

</div>

<script>
// El one sirve para llamarlo solo una vez
/* $(document).one("ajaxComplete",recuperarPartidos);
 */
$(function(){
	 
	//Recuperar la lista de juegos de la base de datos
	var urlPuntos = "../dispatcher/juego/recuperarPuntuacionGlobal?partidaId=" + idPartida;

	$.getJSON(urlPuntos, function(datos){
		//$("#partidos tr").remove();
		
		$.each(datos, function(i, item){
			$("#contenedorPuntos").append('<tr"> '
					+ '<td>' + item.apodo +'</td>'
					+ '<td>' + item.puntos + '</td>'
					+ '</tr>');
		});
	});
});


</script>
